
<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        min-height: 16.43px;
        padding: 15px;
        border-bottom: none;
    }
    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: none;
    }
    .modal{
        overflow: auto !important;
    }
</style>

<section style="border-bottom: 1px solid #e5e5e5">
    <h1 style="display:inline-block;margin-left: 30px;">普通用户管理</h1>
    <span>
        <button id="consultationArticle" class="btn btn-primary" style="float: right;margin-top: 10px;margin-right: 20px" onclick="start()">批量导入</button>
        <input style='display: none;' type="file" name="files[]" id='fileupload'>
    </span>
    <span>
        <button id="btn_add" class="btn btn-primary" style="float: right;margin-top: 10px;margin-right: 20px">新增人员</button>
    </span>
</section>


<section class="divclass">
    <div id="divid" style="margin-left: 30px">
        <br/>
        <div id="realdiv">
            <input type="text" class="form-control" id="searchContent" style="width: auto;height: auto;float: left" placeholder="姓名">
        <span id="spanid">
            <button id="searchid" class="btn btn-primary" style="margin-left: 40px;">
                搜索
            </button>
        </span>
            </p>
        </div>
    </div>
</section>

<section class="content">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>

<!---------------------添加----------------------->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 0px;">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    新增员工
                </h4>
            </div>

            <div class="modal-body">

                <!--姓名-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>姓名</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="name" name="name" type="text" />
                    </div>
                </div>
                <!--性别-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>性别</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <select  class="form-control"  style="border: 1px solid grey;width: 80%;" id="gender">
                            <option value="-1">请选择</option>
                            <option value="0">男</option>
                            <option value="1">女</option>
                        </select>
                    </div>
                </div>
                <!--所在地区-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>所在地区</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="area" name="area" type="text" />
                    </div>
                </div>
                <!--职务-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>职务</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="duty_true" name="duty_true" type="text" />
                    </div>
                </div>
                <!--二层部门-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>二层部门</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="user_second_department" name="duty" type="text" />
                    </div>
                </div>
                <!--三层部门-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2 col-sd-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>三层部门</span>
                    </div>
                    <div class="col-md-9 col-sd-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="user_third_department" name="school" type="text" />
                    </div>
                </div>
                <!--电话-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>电话</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="mobile" name="mobile" type="text" />
                    </div>
                </div>
                <!--邮箱-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-2" style="float: left;position: relative;padding-top: 6px;">
                        <span>邮箱</span>
                    </div>
                    <div class="col-md-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="email" name="email" type="text" />
                    </div>
                </div>
            </div>

            <!---------------------------------尾部保存操作-------------------------------->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="save">
                    保&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


<!--------------------图片上传------------------->
<script>
    function start(){
        $('#fileupload').click();
    }
</script>